<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择品牌</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="css/mui.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
</head>
<body class="login_body">

<div class="close_login message_header">
    <a href="#">
        <img src="images/返回.png">
    </a>
    <span class="close_top_title">选择品牌</span>
    <div class="clearfix"></div>
</div>


<div class="message_content">
    <div class="select_all_container">
        <ul>
            <li class="select_brand_title" id="select_car_notype">*</li>
            <li class="select_brand_info select_brand_info_notype active">
                <span>不限品牌</span>
            </li>

            <li class="select_brand_title" id="select_car_a">A</li>
            <li class="select_brand_info">
                <div class="select_middle">
                    <div class="select_brand_info_logo"><img src="images/奥迪.png"></div>
                    <span class="select_brand_info_name">阿尔法罗密欧</span>
                    <div class="clearfix"></div>
                </div>
            </li>
            <li class="select_brand_info">
                <div class="select_middle">
                    <div class="select_brand_info_logo"><img src="images/奥迪.png"></div>
                    <span class="select_brand_info_name select_brand_info_name_last">奥迪</span>
                    <div class="clearfix"></div>
                </div>
            </li>

            <li class="select_brand_title" id="select_car_b">B</li>
            <li class="select_brand_info">
                <div class="select_middle">
                    <div class="select_brand_info_logo"><img src="images/宝马.png"></div>
                    <span class="select_brand_info_name">宝马</span>
                    <div class="clearfix"></div>
                </div>
            </li>
            <li class="select_brand_info">
                <div class="select_middle">
                    <div class="select_brand_info_logo"><img src="images/本田.png"></div>
                    <span class="select_brand_info_name">本田</span>
                    <div class="clearfix"></div>
                </div>
            </li>
            <li class="select_brand_info">
                <div class="select_middle">
                    <div class="select_brand_info_logo"><img src="images/东风标致.png"></div>
                    <span class="select_brand_info_name">标致</span>
                    <div class="clearfix"></div>
                </div>
            </li>
            <li class="select_brand_info">
                <div class="select_middle">
                    <div class="select_brand_info_logo"><img src="images/别克.png"></div>
                    <span class="select_brand_info_name select_brand_info_name_last">别克</span>
                    <div class="clearfix"></div>
                </div>
            </li>

            <li class="select_brand_title" id="select_car_d">D</li>
            <li class="select_brand_info">
                <div class="select_middle">
                    <div class="select_brand_info_logo"><img src="images/大众.png"></div>
                    <span class="select_brand_info_name">大众</span>
                    <div class="clearfix"></div>
                </div>
            </li>
            <li class="select_brand_info">
                <div class="select_middle">
                    <div class="select_brand_info_logo"><img src="images/东风风行.png"></div>
                    <span class="select_brand_info_name select_brand_info_name_last">东风风神</span>
                    <div class="clearfix"></div>
                </div>
            </li>

            <li class="select_brand_title" id="select_car_f">F</li>
            <li class="select_brand_info">
                <div class="select_middle">
                    <div class="select_brand_info_logo"><img src="images/丰田.png"></div>
                    <span class="select_brand_info_name">丰田</span>
                    <div class="clearfix"></div>
                </div>
            </li>
            <li class="select_brand_info">
                <div class="select_middle">
                    <div class="select_brand_info_logo"><img src="images/福特.png"></div>
                    <span class="select_brand_info_name select_brand_info_name_last">福特</span>
                    <div class="clearfix"></div>
                </div>
            </li>

            <li class="select_brand_title" id="select_car_j">J</li>
            <li class="select_brand_info">
                <div class="select_middle">
                    <div class="select_brand_info_logo"><img src="images/Jeep.png"></div>
                    <span class="select_brand_info_name select_brand_info_name_last">吉普</span>
                    <div class="clearfix"></div>
                </div>
            </li>

            <li class="select_brand_title" id="select_car_l">L</li>
            <li class="select_brand_info">
                <div class="select_middle">
                    <div class="select_brand_info_logo"><img src="images/路虎.png"></div>
                    <span class="select_brand_info_name select_brand_info_name_last">路虎</span>
                    <div class="clearfix"></div>
                </div>
            </li>

            <li class="select_brand_title" id="select_car_m">M</li>
            <li class="select_brand_info">
                <div class="select_middle">
                    <div class="select_brand_info_logo"><img src="images/马自达.png"></div>
                    <span class="select_brand_info_name">马自达</span>
                    <div class="clearfix"></div>
                </div>
            </li>
            <li class="select_brand_info">
                <div class="select_middle">
                    <div class="select_brand_info_logo"><img src="images/玛莎拉蒂.png"></div>
                    <span class="select_brand_info_name">玛莎拉蒂</span>
                    <div class="clearfix"></div>
                </div>
            </li>
            <li class="select_brand_info">
                <div class="select_middle">
                    <div class="select_brand_info_logo"><img src="images/MINI%20LOGO.png"></div>
                    <span class="select_brand_info_name">MINI</span>
                    <div class="clearfix"></div>
                </div>
            </li>
            <li class="select_brand_info">
                <div class="select_middle">
                    <div class="select_brand_info_logo"><img src="images/别克.png"></div>
                    <span class="select_brand_info_name select_brand_info_name_last">MG</span>
                    <div class="clearfix"></div>
                </div>
            </li>
        </ul>
    </div>
</div>

<div class="select_side">
    <ul>
        <li><a href="#select_car_notype">*</a></li>
        <li><a href="#select_car_a">A</a></li>
        <li><a href="#select_car_b">B</a></li>
        <li><a href="#select_car_d">D</a></li>
        <li><a href="#select_car_f">F</a></li>
        <li><a href="#select_car_j">J</a></li>
        <li><a href="#select_car_l">L</a></li>
        <li><a href="#select_car_m">M</a></li>
        <li><a href="#select_car_r">R</a></li>
        <li><a href="#select_car_s">S</a></li>
        <li><a href="#select_car_w">W</a></li>
        <li><a href="#select_car_y">Y</a></li>
    </ul>
</div>




</body>
<script src="js/mui.min.js"></script>
<script src="js/jquery.2.1.1min.js"></script>
<script src="js/swiper.jquery.min.js"></script>

</html>